<template>
  <div class="shop">
    <div style="width: 10%;">
      <el-menu
        :default-active="active"
        router
        class="el-menu-vertical-demo"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
      >
        <el-menu-item index="/shop/shopList">
          <i class="el-icon-menu"></i>
          <span slot="title">商品列表</span>
        </el-menu-item>
        <el-menu-item index="/shop/fenlei">
          <i class="el-icon-document"></i>
          <span slot="title">分类列表</span>
        </el-menu-item>
        <el-menu-item index="/shop/standard">
          <i class="el-icon-setting"></i>
          <span slot="title">商品规格</span>
        </el-menu-item>
        <el-menu-item index="/shop/shopType">
          <i class="el-icon-setting"></i>
          <span slot="title">商品类型</span>
        </el-menu-item>
        <el-menu-item index="/shop/pinglun">
          <i class="el-icon-setting"></i>
          <span slot="title">商品评论</span>
        </el-menu-item>
      </el-menu>
    </div>
    <div style="width:90%;">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      active: this.$route.path
    };
  },
  methods: {},
  created() {},
  mounted() {},
};
</script>

<style scoped>
.shop {
  display: flex;
}
</style>